<!DOCTYPE html>
<html lang="zh">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <title>该页面不存在-404</title>
  <style>
    body,
    h1,
    p,
    pre {
      margin: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "PingFang SC", "Microsoft YaHei", "Source Han Sans SC",
        "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
    }

    a {
      text-decoration: none;
    }
  </style>
  <style>
    .Button {
      background: none;
      border: none;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      padding: 0;
      text-align: center;
    }

    .Button:focus {
      outline: none;
      transition: box-shadow 0.3s;
    }

    /* 暂时没有用 focus visiable */
    .Button:focus {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 132, 255, 0.3);
    }

    html[data-theme="dark"] .Button:focus {
      box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, 0.6);
    }

    .Button--primary {
      border: 1px solid;
      border-radius: 3px;
      line-height: 32px;
      padding: 0 16px;
    }

    .Button--primary.Button--blue {
      background-color: #0084ff;
      border-color: #0084ff;
      color: #fff;
    }

    html[data-theme="dark"] .Button--primary.Button--blue {
      background-color: #3a76d0;
      border-color: #3a76d0;
      color: #fff;
    }

    .Button--primary.Button--blue:hover {
      background-color: #0077e6;
      border-color: #0077e6;
    }

    html[data-theme="dark"] .Button--primary.Button--blue:hover {
      background-color: #2e69c2;
      border-color: #2e69c2;
    }

    .Button--plain.Button--blue {
      color: #0084ff;
    }

    html[data-theme="dark"] .Button--plain.Button--blue {
      color: #3a76d0;
    }

    .Button--plain.Button--blue:hover {
      color: #0077e6;
    }

    html[data-theme="dark"] .Button--plain.Button--blue:hover {
      color: #2e69c2;
    }
  </style>
  <style>
    body {
      /* cc(GBK99A) */
      background: #fff;
    }

    html[data-theme="dark"] body {
      background: #1a1a1a;
    }

    .ErrorPage-container {
      display: flex;
      justify-content: center;
      margin-top: 180px;
    }

    @media (max-width: 690px) {
      .ErrorPage-container {
        align-items: center;
        flex-direction: column-reverse;
        margin-top: 60px;
      }
    }

    .ErrorPage-title,
    .ErrorPage-subtitle {
      /* cc(GBK04A) */
      color: #646464;
      line-height: 1.4;
    }

    html[data-theme="dark"] .ErrorPage-title,
    html[data-theme="dark"] .ErrorPage-subtitle {
      color: #999;
    }

    .ErrorPage-title {
      font-size: 40px;
      /* @mixin bold; */
      font-synthesis: style;
      font-weight: 600;
    }

    html[data-ios] .ErrorPage-title {
      font-weight: 500;
    }

    html[data-android] .ErrorPage-title {
      font-weight: 700;
    }

    @media (max-width: 690px) {
      .ErrorPage-title {
        font-size: 30px;
      }
    }

    .ErrorPage-subtitle {
      font-size: 18px;
      margin-top: 10px;
    }

    .ErrorPage-text {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 384px;
    }

    @media (max-width: 690px) {
      .ErrorPage-text {
        align-items: center;
        min-width: auto;
      }
    }

    .ErrorPage-primaryButton {
      margin-top: 20px;
    }

    .ErrorPage-otherButtonContainer {
      align-items: center;
      /* cc(GBL01A) */
      color: #0084ff;
      display: flex;
      font-size: 14px;
      margin-top: 20px;
      /* @mixin bold; */
      font-synthesis: style;
      font-weight: 600;
    }

    html[data-theme="dark"] .ErrorPage-otherButtonContainer {
      color: #3a76d0;
    }

    html[data-ios] .ErrorPage-otherButtonContainer {
      font-weight: 500;
    }

    html[data-android] .ErrorPage-otherButtonContainer {
      font-weight: 700;
    }

    .ErrorPage-otherButton {
      align-items: center;
      display: flex;
      margin-left: 0.5em;
      /* @mixin bold; */
      font-synthesis: style;
      font-weight: 600;
    }

    html[data-ios] .ErrorPage-otherButton {
      font-weight: 500;
    }

    html[data-android] .ErrorPage-otherButton {
      font-weight: 700;
    }

    .ErrorPage-errorImageContainer {
      align-items: center;
      display: flex;
      height: 250px;
      justify-content: center;
      margin-left: 20px;
      width: 250px;
    }

    @media (max-width: 690px) {
      .ErrorPage-errorImageContainer {
        margin-left: 0;
      }
    }
  </style>
</head>

<body>
  <div class="ErrorPage" style="user-select: auto;">
    <div class="ErrorPage-container" style="user-select: auto;">
      <div class="ErrorPage-text" style="user-select: auto;">
        <h1 class="ErrorPage-title" style="user-select: auto;">404</h1>
        <p class="ErrorPage-subtitle" style="user-select: auto;">你似乎来到了一个荒无人烟的地方</p>
        <a class="Button Button--primary Button--blue ErrorPage-primaryButton" href="http://www.cloudkinto.com/"
          style="user-select: auto;">
          去往首页
        </a>
        <div class="ErrorPage-otherButtonContainer" style="user-select: auto;">
          <span id="sec"></span>秒钟 自动 跳到首页
        </div>
      </div>
      <div class="ErrorPage-errorImageContainer" style="user-select: auto;">
        <svg t="1616995656116" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2631" width="294" height="294"><path d="M843.152119 721.943546l-4.344958-1.99647-200.467731 7.944949-4.108574-0.861624-360.225271 15.97381-43.881416 1.054005-3.366677 1.451048-0.705058 2.974751 42.277896 106.20281 0.196475-0.196475c3.759627 1.254573 7.631818 1.919722 11.549034 2.076288l1.683339 0c12.567223-0.39295 23.606651-6.497994 28.068266-15.308661 4.618181 9.083889 16.2061 15.308661 29.202089 15.308661s24.543999-6.224772 29.126364-15.308661c4.618181 9.083889 16.126282 15.308661 29.202089 15.308661 12.995989 0 24.428366-6.224772 29.122271-15.308661 4.465708 8.927323 15.818267 15.112186 28.576849 15.308661l1.411139 0c12.567223-0.39295 23.606651-6.497994 28.108175-15.308661 4.618181 9.083889 16.126282 15.308661 29.122271 15.308661s24.543999-6.224772 29.202089-15.308661c4.541433 9.083889 16.090467 15.308661 29.086455 15.308661 12.995989 0 24.62484-6.224772 29.166273-15.308661 4.53734 8.887414 15.773242 15.032368 28.497031 15.308661l1.567705 0c12.526291-0.39295 23.602557-6.497994 28.028357-15.308661 4.384867 8.574283 14.875802 14.522762 27.089985 15.152095l1.720178 0.272199 2.898003-0.313132 151.495366-130.631176L843.152119 721.943546z" p-id="2632" fill="#707070" style="user-select: auto;"></path><path d="M437.517635 694.737928l151.495366-11.119245c3.054569-0.428765 5.287423-3.28686 5.287423-6.966669L594.300424 139.644457l-2.937912-5.948479-5.752004 0c-1.76418 1.174756-75.280544 102.326527-122.646318 186.998975-45.016263 80.563874-82.832544 152.553465-198.627826 392.830877L437.517635 694.737928z" p-id="2633" fill="#707070" style="user-select: auto;"></path><path d="M630.394481 680.3308 768.536724 683.617659 768.576633 683.617659 773.158998 678.68737 772.216533 675.749458 634.659621 341.639984 629.568672 338.857615 625.968681 343.595522 625.968681 675.436326Z" p-id="2634" fill="#707070" style="user-select: auto;"></path><path d="M788.110525 325.432861c0 0 49.16884 0 57.703213 27.79095 0 0 16.402575-32.762171 49.164746-19.257599 0 0-24.267706-26.348088-48.499597-2.818185C846.479911 331.149049 824.439942 306.917158 788.110525 325.432861z" p-id="2635" fill="#707070" style="user-select: auto;"></path><path d="M77.69043 361.718275c0 0 65.608254 0 77.036537 37.075407 0 0 21.846564-43.728944 65.531506-25.603121 0 0-32.332383-35.1915-64.669882-3.836375C155.588591 369.355209 126.228913 337.097528 77.69043 361.718275z" p-id="2636" fill="#707070" style="user-select: auto;"></path><path d="M126.974903 273.758967c0 0 44.11473 0 51.79055 24.89704 0 0 14.639418-29.398564 44.11473-17.22429 0 0-21.802562-23.722284-43.48949-2.581802C179.390693 278.849916 159.544693 257.158894 126.974903 273.758967z" p-id="2637" fill="#707070" style="user-select: auto;"></path><path d="M666.326854 287.772123c9.435906-31.470759 45.802162-26.77276 54.259788 1.174756 2.465145 8.065699 13.035898 5.403057 15.814174-0.468674 10.450003-21.020756 32.80208-39.84959 57.190537-34.253128l2.036379-5.247514c-23.485901-17.654079-50.652634-1.134847-66.469877 19.61371-19.806091-24.817222-64.197114-19.105127-69.051679 17.693987L666.326854 287.772123z" p-id="2638" fill="#707070" style="user-select: auto;"></path><path d="M265.278829 407.443689c10.334369-21.806655 23.133883-4.269233 30.962176 4.814656 3.054569 3.523243 9.668197 3.090385 11.195993-1.799996 2.898003-9.395998 14.447037-27.246551 25.955138-18.555611l2.228761-2.349511c-12.289907-15.657608-28.76923-6.069229-36.718273 7.748475-13.736862-10.450003-27.831882-10.878768-36.678364 8.927323L265.278829 407.443689z" p-id="2639" fill="#707070" style="user-select: auto;"></path><path d="M191.172017 188.420347c0 0 65.571415 0 77.000722 37.111223 0 0 21.842471-43.689035 65.608254-25.64303 0 0-32.332383-35.1915-64.665789-3.796466C269.114181 196.093097 239.635799 163.759691 191.172017 188.420347z" p-id="2640" fill="#707070" style="user-select: auto;"></path></svg>
      </div>
    </div>
  </div>

</body>
<script>
  window.onload = function(){
    let timer = null;
    let count = 6;
    document.getElementById('sec').innerText = count;
    timer = setInterval(() => {
      if(count === 0){
        window.location.replace("http://www.cloudkinto.com/")
        clearInterval(time);
      } else {
        count--
        document.getElementById('sec').innerText = count;
      }
    }, 1000)
  }
</script>
</html>